.libary {
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background: rgba(242, 242, 242, 1);
  
    .ant-tree{
        font-size: 13px;
    }
    .libaryNav {
        width: 100%;
        padding: 0 15px;
        height: 50px;
        align-self: start;
        justify-content: space-between;
        background-color: rgba(70, 76, 91, 1);

        >div {
            height: 100%;
        }

        .navLeft {
            .logo {
                width: 36px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 28px;
                color: #eee;
            }

            .title {
                margin-left: 5px;
                font-size: 14px;
                font-weight: 550;
                letter-spacing: 0.2px;
                color: #f8f8f8;
            }
        }

        .navRight {
            >div {
                display: flex;
                cursor: pointer;
                justify-content: center;
                align-items: center;
                height: 100%;
                padding: 0 10px;
                color: #fff;
                transition: all 0.2s linear;
            }

            >div:hover {
                background: rgba(0, 0, 0, 0.098);
            }
        }
    }

    .libaryContent {
        width: 100%;
        flex: 1;
        overflow: hidden;
        align-self: start;
        justify-content: start;

        .libaryTreeBox {
            width: 280px;
            height: calc(100% - 20px);
            margin: 10px;
            align-self: start;
            justify-self: start;
            background: #fff;
            overflow: auto;

        }

        .tableMain {
            width: 100%;
            margin: 10px 10px 10px 0;
            height: calc(100% - 20px);
            padding: 0 20px;
            align-self: start;
            justify-content: start;
            background: #fff;
            flex-direction: column;
           .title{
               width: 100%;
               height: 55px;
               align-self: start;
               justify-content: space-between;
               text-indent: 5px;
               .btnBox{
                   button{
                       margin-left: 15px;
                   }
               }
           }
           .tableBox{
               width: 100%;
               .ant-table-wrapper{
                   width: 100%;
               }
           }
        }
    }
}